/* components/artwork-item/artwork-item.wxss */
.gallery-item {
  margin-top: 25rpx;
  width: 44vw;
  height: 326rpx;
  background-color: #fff;
  border-radius: 10%;
  position: relative;
  box-sizing: border-box;

  .gallery-img {
    width: 100%;
    height: 262rpx;
    border-top-right-radius: 10%;
    border-top-left-radius: 10%;
    ;
  }

  .gallery-info {
    width: 44vw;
    padding: 0 10rpx 0 20rpx;
    box-sizing: border-box;

    .gallery-title {
      font-size: 18rpx;
      letter-spacing: 1rpx;
      font-weight: 450;
      margin-top: 3rpx;
    }

    .gallery-detail {
      display: flex;
      justify-content: space-between;
      margin-top: 7rpx;

      .user-info {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 12rpx;

        .user-avatar {
          width: 20rpx;
          height: 20rpx;
          border-radius: 50%;
        }

        .user-name {
          font-size: 15rpx;
          margin-left: 8rpx;
        }
      }

      .like-box {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        .like-icon {
          width: 22rpx;
          height: 22rpx;
          margin-right: 2rpx;
        }

        .like-number {
          font-size: 15rpx;
          color: rgb(84, 84, 84);
          margin-right: 28rpx;
        }
      }
    }
  }

  .star {
    position: absolute;
    width: 63rpx;
    height: 81rpx;
    top: -2rpx;
    right: -7rpx;
  }
}